<template>
    <div>
        
        <!-- 询价单管理 -->
        <h1>咨询信息</h1>
        <el-form :model="form" label-width="auto">
            <el-form-item label="联系工程师">
                <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="询价类型">
                <el-radio-group v-model="form.resource">
                    <el-radio value="Sponsor">询价单</el-radio>
                    <el-radio value="Venue">咨询单</el-radio>
                </el-radio-group>
            </el-form-item>


            <h1>咨询信息</h1>
            <el-form-item label="联系方式">
                <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="国家">
                <el-select v-model="form.region" placeholder="please select your zone">
                    <el-option label="中国" value="shanghai" />
                    <el-option label="美国" value="beijing" />
                </el-select>
            </el-form-item>
            <el-form-item label="公司名称">
                <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="城市">
                <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="电子邮箱">
                <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="职位">
                <el-input v-model="form.name" />
            </el-form-item>
            <el-form-item label="产品描述">
                <el-input v-model="form.name" />
            </el-form-item>

        </el-form>

    </div>

</template>

<script setup>
    import { reactive } from 'vue'

    // do not use same name with ref
    const form = reactive({
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
    })

    const onSubmit = () => {
        console.log('submit!')
    }

</script>

<style>

</style>